﻿<phone:PhoneApplicationPage 
    x:Class="Qplus.UI.PersonalSetting"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True"
    xmlns:my="clr-namespace:Qplus"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:c4f="clr-namespace:Coding4Fun.Phone.Controls;assembly=Coding4Fun.Phone.Controls"
    xmlns:c4ftoolkit="clr-namespace:Coding4Fun.Phone.Controls.Toolkit;assembly=Coding4Fun.Phone.Controls.Toolkit">

    <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid Background="#FF00E5FF">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Grid Grid.Row="0" Width="480" Height="250" >
                    <TextBlock Name="reckName" Text="Hi,123" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="10" ></TextBlock>
                    <TextBlock Name="ID" Text="ID:123" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="10,40,10,10"></TextBlock>
                    <my:ButtonEx x:Name="camBtnEx" Width="230" Height="230" BorderThickness="0" Click="camBtnEx_Click">
                        <my:ButtonEx.Background>
                            <ImageBrush ImageSource="/Qplus;component/Pic/user_info_camara.png" Stretch="None" />
                        </my:ButtonEx.Background>
                        <my:ButtonEx.PressedBackground>
                            <ImageBrush ImageSource="/Qplus;component/Pic/user_info_camara_down.png" Stretch="None"/>
                        </my:ButtonEx.PressedBackground>
                    </my:ButtonEx>
                <Image Name="headImg" Width="230" Height="230" />
                </Grid>
            <Grid Grid.Row="1" Width="265" >
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <RadioButton Name="maleRbtn" Grid.Column="0" GroupName="sex" Visibility="Collapsed" Checked="maleRbtn_Checked" Unchecked="maleRbtn_Unchecked" />
                    <Image Name="maleImgUnSelect" Grid.Column="0" Source="/Qplus;component/Pic/btn_search_male.png" Stretch="None" />
                    <Image Name="maleImgSelect" Grid.Column="0" Source="/Qplus;component/Pic/btn_search_male_pressed.png" Stretch="None" Visibility="Collapsed" />
                    <TextBlock Name="maleTxtBlk" Text="男" Grid.Column="0" Grid.Row="1" HorizontalAlignment="Center" />
                    <my:ButtonEx x:Name="maleBtn" Grid.Column="0" Grid.RowSpan="2" Background="Transparent" PressedBackground="Transparent" BorderThickness="0" Click="maleBtn_Click"/>
                    <RadioButton Name="femaleRbtn" Grid.Column="1" GroupName="sex" Visibility="Collapsed" Checked="femaleRbtn_Checked" Unchecked="femaleRbtn_Unchecked" />
                    <Image Name="femaleImgUnSelect" Grid.Column="1" Source="/Qplus;component/Pic/btn_search_female.png" Stretch="None" />
                    <Image Name="femaleImgSelect" Grid.Column="1" Source="/Qplus;component/Pic/btn_search_female_pressed.png" Stretch="None" Visibility="Collapsed" />
                    <TextBlock Name="femaleTxtBlk" Text="女" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Center" />
                    <my:ButtonEx x:Name="femaleBtn" Grid.Column="1" Grid.RowSpan="2" Background="Transparent" PressedBackground="Transparent" BorderThickness="0" Click="femaleBtn_Click"/>
                    <RadioButton Name="unknowRbtn" Grid.Column="2" GroupName="sex" Visibility="Collapsed" Checked="unknowRbtn_Checked" Unchecked="unknowRbtn_Unchecked" />
                    <Image Name="unknowImgUnSelect" Grid.Column="2" Source="/Qplus;component/Pic/btn_search_unknow.png" Stretch="None" />
                    <Image Name="unknowImgSelect" Grid.Column="2" Source="/Qplus;component/Pic/btn_search_unknow_pressed.png" Stretch="None" Visibility="Collapsed" />
                    <TextBlock Name="unknowTxtBlk" Text="你猜" Grid.Column="2" Grid.Row="1" HorizontalAlignment="Center" />
                    <my:ButtonEx x:Name="unknowBtn" Grid.Column="2" Grid.RowSpan="2" Background="Transparent" PressedBackground="Transparent" BorderThickness="0" Click="unknowBtn_Click"/>
                </Grid>
            <Grid Grid.Row="2">
                <toolkit:DatePicker Width="290" x:Name="birthdayDP"
                                    HorizontalContentAlignment="Center" HorizontalAlignment="Center"
                                    VerticalContentAlignment="Center" VerticalAlignment="Center" ValueChanged="birthdayDP_ValueChanged">
                            <toolkit:DatePicker.Background>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_age.png" Stretch="None"/>
                            </toolkit:DatePicker.Background>
                        </toolkit:DatePicker>
                <my:ButtonEx Visibility="Collapsed" x:Name="birthdayBtnEx" Content="1977-08-01"
                                     Width="264" Height="60"
                                     Click="birthdayBtnEx_Click" BorderThickness="0" InvisibleMargin="0">
                            <my:ButtonEx.Background>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_age.png" Stretch="None"/>
                            </my:ButtonEx.Background>
                            <my:ButtonEx.PressedBackground>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_age_down.png" Stretch="None"/>
                            </my:ButtonEx.PressedBackground>
                        </my:ButtonEx>
            </Grid>
            <Image Visibility="Visible" Grid.Row="3" Source="/Qplus;component/Pic/user_info_edit_bg.png" Stretch="None"/>
            <toolkit:PhoneTextBox x:Name="namePTB" Hint="昵称" Grid.Row="3"
                                  Width="266"
                                  ActionIcon="/Qplus;component/Pic/user_info_name.png" TextChanged="namePTB_TextChanged" />
            <Grid Visibility="Collapsed" Grid.Row="3" Width="265">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" Grid.ColumnSpan="2" Source="/Qplus;component/Pic/user_info_edit_bg.png" Stretch="None"/>
                        <TextBox Name="birthdayTxtBox" Text="昵称" Grid.Column="0" GotFocus="birthdayTxtBox_GotFocus" />
                        <my:ButtonEx x:Name="nicknameBtnEx" Grid.Column="1" Click="nicknameBtnEx_Click">
                            <my:ButtonEx.Background>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_name.png" Stretch="None"/>
                            </my:ButtonEx.Background>
                            <my:ButtonEx.PressedBackground>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_name_down.png" Stretch="None"/>
                            </my:ButtonEx.PressedBackground>
                        </my:ButtonEx>
            </Grid>
            <Image Visibility="Visible" Grid.Row="4" Source="/Qplus;component/Pic/user_info_edit_bg.png" Stretch="None"/>
            <toolkit:PhoneTextBox x:Name="mailPTB" Hint="邮箱" Grid.Row="4"
                                  Width="266"
                                  ActionIcon="/Qplus;component/Pic/user_info_name.png" TextChanged="mailPTB_TextChanged">
                <toolkit:PhoneTextBox.Background>
                    <ImageBrush ImageSource="/Qplus;component/Pic/user_info_edit_bg.png" Stretch="None"/>
                </toolkit:PhoneTextBox.Background>
            </toolkit:PhoneTextBox>
            <Grid Visibility="Collapsed" Grid.Row="4" Width="265">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" Grid.ColumnSpan="2" Source="/Qplus;component/Pic/user_info_edit_bg.png" Stretch="None"/>
                        <TextBox Name="emailTxtBox" Text="邮箱" Grid.Column="0" GotFocus="emailTxtBox_GotFocus" />
                        <my:ButtonEx x:Name="emailBtnEx" Grid.Column="1" Click="emailBtnEx_Click">
                            <my:ButtonEx.Background>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_name.png" Stretch="None"/>
                            </my:ButtonEx.Background>
                            <my:ButtonEx.PressedBackground>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_name_down.png" Stretch="None"/>
                            </my:ButtonEx.PressedBackground>
                        </my:ButtonEx>
                    </Grid>
            <Grid Grid.Row="5" Width="265">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <CheckBox Name="distrubChkBox" Visibility="Collapsed" Grid.Column="1" Checked="distrubChkBox_Checked" Unchecked="distrubChkBox_Unchecked" />

                        <my:ButtonEx x:Name="disturbBtnEx" Content="防止陌生人打扰" HorizontalContentAlignment="Left" Width="264" Height="60"
                                     Grid.Column="0" Grid.ColumnSpan="2"
                                     BorderThickness="0" InvisibleMargin="0"
                                     Click="disturbBtnEx_Click">
                            <my:ButtonEx.Background>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_age.png" Stretch="None"/>
                            </my:ButtonEx.Background>
                            <my:ButtonEx.PressedBackground>
                                <ImageBrush ImageSource="/Qplus;component/Pic/user_info_age_down.png" Stretch="None"/>
                            </my:ButtonEx.PressedBackground>
                        </my:ButtonEx>
                        <Image Name="checkedImg" Grid.Column="1" Visibility="Collapsed" Source="/Qplus;component/Pic/disturb_checked_button.png" Stretch="None" Margin="5" />
                        <Image Name="uncheckedImg" Grid.Column="1" Visibility="Visible" Source="/Qplus;component/Pic/disturb_unchecked_button.png" Stretch="None" Margin="5" />
                    </Grid>
            <Grid Grid.Row="6">
                    <my:ButtonEx x:Name="okBtnEx" Content="确定" Width="155" Height="49" Click="okBtnEx_Click" BorderThickness="0" InvisibleMargin="0">
                        <my:ButtonEx.Background>
                            <ImageBrush ImageSource="/Qplus;component/Pic/btn_search_ok.png" Stretch="None"/>
                        </my:ButtonEx.Background>
                        <my:ButtonEx.PressedBackground>
                            <ImageBrush ImageSource="/Qplus;component/Pic/btn_search_ok_pressed.png" Stretch="None"/>
                        </my:ButtonEx.PressedBackground>
                    </my:ButtonEx>
                </Grid>
            <Grid Grid.Row="7" Width="265" Visibility="Collapsed">
                <Image Grid.Column="0" Grid.ColumnSpan="2" Source="/Qplus;component/Pic/user_info_edit_bg.png" Stretch="None"/>
                <toolkit:PhoneTextBox Name="PTB" Hint="123" Text="" ActionIcon="/Qplus;component/Pic/user_info_name.png" Background="Transparent" BorderBrush="Transparent" />
            </Grid>
        </Grid>
        
        <Popup Width="300" Height="300" Visibility="Collapsed">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                        <RowDefinition/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Button Content="加" Grid.Row="0" Grid.Column="0"></Button>
                        <Button Content="加" Grid.Row="0" Grid.Column="1"></Button>
                        <Button Content="加" Grid.Row="0" Grid.Column="2"></Button>
                        <TextBox Text="1977" Grid.Row="1" Grid.Column="0"></TextBox>
                        <TextBox Text="01" Grid.Row="1" Grid.Column="1"></TextBox>
                        <TextBox Text="01" Grid.Row="1" Grid.Column="2"></TextBox>
                        <Button Content="减" Grid.Row="2" Grid.Column="0"></Button>
                        <Button Content="减" Grid.Row="2" Grid.Column="1"></Button>
                        <Button Content="减" Grid.Row="2" Grid.Column="2"></Button>
                    </Grid>
                    <Grid Grid.Row="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Button Name="okBtn" Content="确定" Grid.Column="0"></Button>
                        <Button Name="cancelBtn" Content="取消" Grid.Column="1"></Button>
                    </Grid>
                </Grid>
            </Popup>
    </Grid>
 
    <!--演示 ApplicationBar 用法的示例代码-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="按钮 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="按钮 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="菜单项 1"/>
                <shell:ApplicationBarMenuItem Text="菜单项 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
